<template>
    <scroll-view scroll-y class="page">
        <div class="success_center">
            <img src="../../static/successful@2x.png" class="success_img" />
            <div class="success_size">提交成功</div>
            <div class="success_body">请携带夫妻双方身份证前往医院产科进行建档，并领取母子健康手册。</div>
        </div>
        <div class="btn">
            <div class="saveBtn" @click="saveInf()">
                <span>我知道了</span>
            </div>
        </div>
    </scroll-view>
</template>
<script>
export default {
    name: "success",
    data() {
        return {};
    },
    mounted() {},
    methods: {
        saveInf() {
            var url = "../index/index"; // 登录跳转页面
            uni.reLaunch({
                url: url
            });
        }
    }
};
</script>
<style lang="scss" scoped>
.page {
    height: 100vh;
    background: #f8f8f8;
}
.btn {
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin-top: 80pux;
    width: 100%;
    height: 128upx;
    display: flex;
    justify-content: space-between;
}
.saveBtn {
    height: 80upx;
    width: 100%;
    text-align: center;
    line-height: 80upx;
    border: 1px solid #fa4d93;
    border-radius: 40upx;
    color: #fa4d93;
    font-size: 32upx;
    background: #fff;
    margin: 0 40upx;
}
.success_center {
    text-align: center;
    font-size: 32upx;
    .success_img {
        width: 160upx;
        height: 182upx;
        margin-top: 126upx;
    }
    .success_size {
        color: #666;
        height: 44upx;
        line-height: 44upx;
    }
    .success_body {
        text-align: left;
        width: 494upx;
        padding: 45upx 40upx;
        margin: 50upx auto;
        background: #fff;
        box-shadow: 0px 4px 8px 0px #d4d4d4;
        border-radius: 18px;
        color: #fa4d93;
        text-indent: 2em;
    }
}
</style>